<meta charset="utf-8" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Добре дошли</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/javascript.js"></script>
	<script src="js/jquery-ui-1.10.3.custom.min.js"></script>
    <link href="css/styles.css" rel="stylesheet" />
    <!--[if lt IE 9]>
    <script src="dist/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
    <header id="header">
        <div id="autorPart">
            <a href="index.php">
                <img src="images/prog.png" /></a>
            <section class="floatRight sectionReg">
                <ul class="floatLeft">
                    <li><a href="becomeanauthor.php">Спечели пари като автор</a></li>
                    <li><a href="promo.php">Промо опции</a></li>
                    <li><a href="addvertisement.php">Реклама</a></li>
                    <li><a href="#hook">Астрология</a></li>
                </ul>
                <form class="floatRight">
                    <a class="btnReg regAndSignClicked" href="createnewacc.php">Създай нов акаунт</a>
                    <a href="signup.php">Влез</a>
                </form>
            </section>
            <div class="clear"></div>
        </div>
        <nav id="topNavPart">
            <ul>
                <li><a href="">Wordpress</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">Популярни</a></li>
                        <li><a href="">Блогове</a></li>
                        <li><a href="">Творчески</a></li>
                        <li><a href="">Корпоративни</a></li>
                        <li><a href="">Забавление</a></li>
                        <li><a href="">Мобилни</a></li>
                        <li><a href="">Разни</a></li>
                        <li><a href="">Електронна търговия</a></li>
                    </ul>
                </li>
                <li><a href="">Темплейти</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">Популярни шаблони</a></li>
                        <li><a href="">Лични</a></li>
                        <li><a href="">Творчески</a></li>
                        <li><a href="">Корпоративни</a></li>
                        <li><a href="">Забавление</a></li>
                        <li><a href="">Мобилни</a></li>
                        <li><a href="">Разни</a></li>
                        <li><a href="">Технологични</a></li>
                    </ul>
                </li>
                <li><a href="">PHP</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">Календари</a></li>
                        <li><a href="">Класации</a></li>
                        <li><a href="">Бази данни абстракции</a></li>
                        <li><a href="">Форми</a></li>
                        <li><a href="">Теглене и качване</a></li>
                        <li><a href="">Телеграфни апарати</a></li>
                        <li><a href="">Навигации</a></li>
                        <li><a href="">Карти за пазаруване</a></li>
                        <li><a href="">Search форми(търсене)</a></li>
                        <li><a href="">Социални мрежи</a></li>
                        <li><a href="">Анкети</a></li>
                        <li><a href="">Разни</a></li>
                    </ul>
                </li>
                <li><a href="">C#</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">Календари</a></li>
                        <li><a href="">Класации</a></li>
                        <li><a href="">Бази данни абстракции</a></li>
                        <li><a href="">Форми</a></li>
                        <li><a href="">Теглене и качване</a></li>
                        <li><a href="">Телеграфни апарати</a></li>
                        <li><a href="">Навигации</a></li>
                        <li><a href="">Карти за пазаруване</a></li>
                        <li><a href="">Search форми(търсене)</a></li>
                        <li><a href="">Социални мрежи</a></li>
                        <li><a href="">Анкети</a></li>
                        <li><a href="">Разни</a></li>
                    </ul>
                </li>
                <!--                <li><a href="">PSD шаблони</a>
                    <ul>
                        <li><a href="">Популярни шаблони</a></li>
                        <li><a href="">Лични</a></li>
                        <li><a href="">Творчески</a></li>
                        <li><a href="">Корпоративни</a></li>
                        <li><a href="">Забавление</a></li>
                        <li><a href="">Технологични</a></li>
                        <li><a href="">На дребно</a></li>
                        <li><a href="">Разни</a></li>
                    </ul>
                </li>-->
                <li><a href="">Онлайн магазини</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">Magento</a></li>
                        <li><a href="">Shopify</a></li>
                        <li><a href="">OpenCart</a></li>
                        <li><a href="">OsCommerce</a></li>
                        <li><a href="">Zen Cart</a></li>
                        <li><a href="">WP e-commerce</a></li>
                        <li><a href="">Jigoshop</a></li>
                        <li><a href="">Drupal Commmerce</a></li>
                        <li><a href="">Ubercart</a></li>
                        <li><a href="">Cart66</a></li>
                    </ul>
                </li>
                <li><a href="">Javascript</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">Календари</a></li>
                        <li><a href="">Класации</a></li>
                        <li><a href="">Бази данни абстракции</a></li>
                        <li><a href="">Форми</a></li>
                        <li><a href="">Теглене и качване</a></li>
                        <li><a href="">Телеграфни апарати</a></li>
                        <li><a href="">Навигации</a></li>
                        <li><a href="">Карти за пазаруване</a></li>
                        <li><a href="">Search форми(търсене)</a></li>
                        <li><a href="">Социални мрежи</a></li>
                        <li><a href="">Анкети</a></li>
                        <li><a href="">Картинки и видеа</a></li>
                        <li><a href="">Слайдери</a></li>
                        <li><a href="">Разни</a></li>
                    </ul>
                </li>
                <li><a href="">CSS</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">Менюта и навигации</a></li>
                        <li><a href="">Анимации и ефекти</a></li>
                        <li><a href="">Разделители и плъзгачи</a></li>
                        <li><a href="">Форми</a></li>
                        <li><a href="">Бутони</a></li>
                        <li><a href="">Диаграми и графики</a></li>
                        <li><a href="">Разни</a></li>
                    </ul>
                </li>
                <li><a href="">HTML5</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">3D</a></li>
                        <li><a href="">Игри</a></li>
                        <li><a href="">Форми</a></li>
                        <li><a href="">Диаграми и графики</a></li>
                        <li><a href="">Библиотеки</a></li>
                        <li><a href="">Канваси</a></li>
                        <li><a href="">Презентации</a></li>
                        <li><a href="">Плъзгачи</a></li>
                        <li><a href="">Темплейти</a></li>
                        <li><a href="">Разни</a></li>
                    </ul>
                </li>
                <li><a href="">Мобилни</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">iOS</a></li>
                        <li><a href="">Android</a></li>
                        <li><a href="">Уеб</a></li>
                        <li><a href="">Titanium</a></li>
                    </ul>
                </li>
                <li><a href="">Други езици</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">C</a></li>
                        <li><a href="">C++</a></li>
                        <li><a href="">Java</a></li>
                        <li><a href="">Delphi</a></li>
                        <li><a href="">Python</a></li>
                        <li><a href="">Ruby</a></li>
                        <li><a href="">Perl</a></li>
                        <li><a href="">Objective C</a></li>
                    </ul>
                </li>
                <li><a href="">Wordpress плъгини</a>
                    <ul>
                        <li><a href="">Всички</a></li>
                        <li><a href="">Форми</a></li>
                        <li><a href="">Галерии</a></li>
                        <li><a href="">Електронна търговия</a></li>
                        <li><a href="">SEO</a></li>
                        <li><a href="">Бюлетин</a></li>
                        <li><a href="">Форуми</a></li>
                        <li><a href="">Рекламиране</a></li>
                        <li><a href="">Социални мрежи</a></li>
                        <li><a href="">Средства</a></li>
                        <li><a href="">Членство</a></li>
                        <li><a href="">Каленздари</a></li>
                        <li><a href="">Добавки</a></li>
                        <li><a href="">Джаджи</a></li>
                        <li><a href="">Разни</a></li>
                    </ul>

                </li>
                <li>
                    <input type="search" placeholder="Търси" />
                </li>
            </ul>
            <div class="clear"></div>
        </nav>
    </header>
    <div id="mainPart">
        <section class="createAcc">
            <div class="floatLeft">
                <h2>Регистрация в 'Programmer':</h2>
					<p>Името и фамилията са важни,както и телефонния номер,ако желаете да ...</p>
				
                <img src="images/tiger_small.jpg" />
                <div class="clear"></div>
            </div>
            <ul id="beforeacc">
                <li class="clickCurrent">
                    <div>Стъпка 1</div>
                </li>
                <li>
                    <div>Стъпка 2</div>
                </li>
                <li>
                    <div>Стъпка 3</div>
                </li>
            </ul>
            <div class="floatRight createNewAcc">
                <section>
				
				<form name="registrationForm" method="post" action="registration.php">
                    <div name="registration" id="reg1">
						<p class=compulsory style=width:400px>* задължителни полета са Име,Email и Парола</p>

                        <label>Желаете ли да ...?<input type="checkbox" name="courier" /></label>
                        <input type="text" class="account" name="username" value="Име" />
                        <input type="text" class="account" name="lastName" value="Фамилия" />
                        <input type="email" class="account" name="email" value="Email" />
                        <input type="tel" class="account" name="phone" value="Телефонен номер" />
                        <input type="text" class="account" name="password" value="Парола" />
                        <input type="text" class="account" name="repPass" value="Повтори паролата" />
						<div class=clear></div>
						<div class="compulsory" style="margin: 10px 0 0 20px"></div>
                        <label>Съгласни ли сте с условията на нашия сайт?<input type="checkbox" name="agreementCheckbox" /></label>
                        <input type="button" class="submitbtn" name="firstButtonPart" value="Продължи" />
						
                    </div>

                    <div name="registration2" id="reg2" style="display: none">
                        <input type="text" class="account" name="adress" value="Адрес" />
                        <input type="text" class="account" name="zipcode" value="Пощенски Код" />
                        <select class="account" name="town">
                            <option value="0">Регион</option>
                            <option value="1">Благоевград</option>
                            <option value="2">Бургас</option>
                            <option value="3">Варна</option>
                            <option value="4">Велико Търново</option>
                            <option value="5">Видин</option>
                            <option value="6">Враца</option>
                            <option value="7">Габрово</option>
                            <option value="8">Добрич</option>
                            <option value="9">Кърджали</option>
                            <option value="10">Кюстендил</option>
                            <option value="11">Ловеч</option>
                            <option value="12">Монтана</option>
                            <option value="13">Пазарджик</option>
                            <option value="14">Перник</option>
                            <option value="15">Плевен</option>
                            <option value="16">Пловдив</option>
                            <option value="17">Разград</option>
                            <option value="18">Русе</option>
                            <option value="19">Силистра</option>
                            <option value="20">Сливен</option>
                            <option value="21">Смолян</option>
                            <option value="306">София-град</option>
                            <option value="23">София-област</option>
                            <option value="24">Стара Загора</option>
                            <option value="25">Търговище</option>
                            <option value="26">Хасково</option>
                            <option value="27">Шумен</option>
                            <option value="28">Ямбол</option>
                        </select>
                        <select class="account" name="region" >
                            <option value="0">Град</option>
                            <option value="1">Благоевград</option>
                            <option value="2">Бургас</option>
                            <option value="3">Варна</option>
                            <option value="4">Велико Търново</option>
                            <option value="5">Видин</option>
                            <option value="6">Враца</option>
                            <option value="7">Габрово</option>
                            <option value="8">Добрич</option>
                            <option value="9">Кърджали</option>
                            <option value="10">Кюстендил</option>
                            <option value="11">Ловеч</option>
                            <option value="12">Монтана</option>
                            <option value="13">Пазарджик</option>
                            <option value="14">Перник</option>
                            <option value="15">Плевен</option>
                            <option value="16">Пловдив</option>
                            <option value="17">Разград</option>
                            <option value="18">Русе</option>
                            <option value="19">Силистра</option>
                            <option value="20">Сливен</option>
                            <option value="21">Смолян</option>
                            <option value="306">София-град</option>
                            <option value="23">София-област</option>
                            <option value="24">Стара Загора</option>
                            <option value="25">Търговище</option>
                            <option value="26">Хасково</option>
                            <option value="27">Шумен</option>
                            <option value="28">Ямбол</option>
                        </select>
                        <input type="button" class="submitbtnprev" value="Предишна" />
                        <input type="button" class="submitbtn" value="Продължи" />
                    </div>
                    <div name="registration3" id="reg3" style="display: none">
                        <textarea cols="66" rows="8" name="message" id="txtArea">
                            Забележка или добавка към регистрацията
                        </textarea>

                        <input type="button" class="submitbtnprev" value="Предишна" />
                        <input type="submit" class="submitbtnfinish" value="Завърши" />
                    </div>
					
				</form>
                    <div class="clear"></div>
                </section>
            </div>
        </section>
        <div class="clear"></div>
    </div>
    <nav id="contacts">
        <div>
            <p><a href="#" name="hook">Последвайте ни в:</a></p>

            <a href="">
                <img src="images/fb.png" /></a><a href="">Facebook </a>
            <a href="">
                <img src="images/twitter.png" /></a><a href="">Twitter</a>
        </div>
    </nav>
    <footer id="footer">
        <p>Copyright 2013.All rights reserved.</p>
    </footer>
</body>
</html>
